<html>
<head>
    <title>
        YouTube Events
    </title>
    <script src="http://swfobject.googlecode.com/svn/tags/rc3/swfobject/src/swfobject.js" type="text/javascript"></script>
    <script type="text/javascript " src="../src/com/irilya/youtubeevents/youtubeeventsapi.js"></script>
    <style type="text/css">

        body
        {
        background-color:#FFFFFF;
        color:#000000;
        font-family:Arial,sans-serif;
        font-size:12px;
        margin:0pt;
        }

        #baseDiv {
        margin-left:auto;
        margin-right:auto;
        padding-bottom:25px;
        position:relative;
        width:875px;
        }

        #youtubePlayer
        {
        float:left;
        width:480px;
        }

        #youtubeEvents
        {
        float:right;
        width:360px;
        }

        #event
        {
        background:#EEEEEE none repeat scroll 0%;
        border:1px solid #CCCCCC;
        }
    </style>

</head>
<body>
<div id="baseDiv">
    <script type="text/javascript">

     var player = new YouTubePlayerEvents('myYouTubePlayerEvents', 'youtubePlayer', 'http://www.youtube.com/v/EYNySS2VjDI', '425', '344');
     player.addEvent('event1', '4', eventCallBackFunction);
     player.addEvent('event2', '30', eventCallBackFunction);
     player.addEvent('event3', '40', eventCallBackFunction);
     player.addEvent('event4', '60', eventCallBackFunction);
     player.addEvent('event5', '76', eventCallBackFunction);
     player.addEvent('event6', '80', eventCallBackFunction);
     player.addEvent('event7', '110', eventCallBackFunction);             
     embedSWF(player);

     function eventCallBackFunction(youTubeEvent) {

        updateHTML("eventId", e.eventId);
//        updateHTML("eventTime", youTubeEvent.eventTime);
     }
 
    </script>

    <div id="youtubeEvents">
        <div id="event">
            <div>Event ID: <span id="eventId">--</span></div>
            <div>Event Time: <span id="eventTime">--</span></div>
        </div>
    </div>
    <div id="youtubePlayer">

    </div>




</div>
</body>
</html>
